import React,{Component} from "react";
import { WingBlank, WhiteSpace } from 'antd-mobile';
import "./question.css"
//资讯
class Question extends React.Component{
    constructor(props) {
        super(props);
        this.state = {
            info:[
                {
                    title:"question 1 ?",
                    name:"Mary",
                    content:"全球最大的中文搜索引擎、致力于让网民更便捷地获取信息，找到所求。百度超过千亿的中文网页数据库，可以瞬间找到相关的搜索结果。",
                },{
                    title:"BAT中的B是什么？",
                    name:"Mary",
                    content:"全球最大的中文搜索引擎、致力于让网民更便捷地获取信息，找到所求。百度超过千亿的中文网页数据库，可以瞬间找到相关的搜索结果。",
                },{
                    title:"BAT中的B是什么？",
                    name:"Mary",
                    content:"全球最大的中文搜索引擎、致力于让网民更便捷地获取信息，找到所求。百度超过千亿的中文网页数据库，可以瞬间找到相关的搜索结果。",
                },{
                    title:"BAT中的B是什么？",
                    name:"Mary",
                    content:"全球最大的中文搜索引擎、致力于让网民更便捷地获取信息，找到所求。百度超过千亿的中文网页数据库，可以瞬间找到相关的搜索结果。",
                }
            ]
        }
    }

    render() {
        return (
            <div className="container">
                {
                    this.state.info.map((item,index)=>{
                        return(
                            <div className="info1 container">

                                <div className="title1">
                                    {item.title}
                                </div>
                                <div className="author">
                                    <img className="img_p" src={require('../imgs/1.jpg')}/>
                                    <div className="name">{item.name}</div>
                                </div>

                                <div className="content">
                                    <a href={item.url}><p>{item.content}</p></a>
                                </div>

                            </div>
                        )
                    })
                }
            </div>
        );
    }

}

export default Question;